<!DOCTYPE html>
<!-- saved from url=(0022)#/ -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{$config.web_name}</title>
    <script src="/static/index/hm.js"></script>
    <script type="text/javascript" src="/static/index/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/static/index/common.js"></script>
    <script type="text/javascript" src="/static/index/jquery.scroll.js"></script>
    <script type="text/javascript" src="/static/index/jquery.nbspslider.1.1.js"></script>
    <link href="/static/index/css.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
        $(document).ready(function () {
            $("#news_photo").nbspSlider({
                widths: '500px',
                heights: '300px',
                numBtnSty: "roundness",
                altAlign: "left",
                numBtnShow: 1,
                speeds: 500,
                delays: 4000,
                preNexBtnShow: 0,
                altShow: 1,
                altBgColor: "#000",
                altHeight: "45px"
            });
            //$('#index_ad_right').kxbdSuperMarquee({isEqual:false,distance:120,time:3,btnGo:{ left:'#index_ad_right_inner'},direction:'left'});
            $('#index_photo').kxbdSuperMarquee({
                isEqual: false,
                distance: 186,
                time: 3,
                btnGo: {left: '.aleft', right: '.aright'},
                direction: 'left'
            });
        });
        $(function () {
            C.tabs({
                "params": [
                    {"nav": "#btn1", "con": "#tab1", "sclass": "current", "nclass": ""},
                    {"nav": "#btn2", "con": "#tab2", "sclass": "current", "nclass": ""},
                    {"nav": "#btn3", "con": "#tab3", "sclass": "current", "nclass": ""}
                ]
            });
        });
    </script>

    <script type="text/javascript" src="/static/index/front.js"></script>
    <link href="/static/index/style.css" rel="stylesheet" type="text/css">
    <link href="/static/index/style(1).css" rel="stylesheet" type="text/css">
    <meta name="renderer" content="webkit|ie-stand">
</head>
<body>
{include file="common/header"}
<div class="wrap mid1 m10">
    <ul class="clearfix">
        <li><a href="javascript:void(0)" target="_blank"><img src="/static/index/vol2022.jpg" width="1000" height="90"
                                                              border="0"></a></li>
    </ul>
</div>
<div class="wrap clearfix m10">
    <div class="l news_photo">
        <div id="news_photo" style="width: 500px; height: 300px; position: relative; overflow: hidden;">
            <ul style="width: 2500px; position: absolute; left: 0px; overflow: hidden; margin-left: 0px;">
                {volist name="banner" id="vo"}
                <li style="width: 500px; height: 300px; border: none; float: left;"><a href="javascript:void(0)"
                                                                                       target="_blank">
                    <img src="{$vo.img}" border="0" alt=""
                         style="width: 500px; height: 300px; border: none; float: left;"></a></li>
                {/volist}
            </ul>
            <span class="sliderBtn" id="prevBtn" style="opacity: 0.6; display: none;"></span><span class="sliderBtn"
                                                                                                   id="nextBtn"
                                                                                                   style="opacity: 0.6; display: none;"></span>
<!--            <div id="altbox"-->
<!--                 style="width: 480px; height: 45px; line-height: 45px; opacity: 0.5; background: rgb(0, 0, 0); padding: 0px 10px; position: absolute; bottom: 0px; color: rgb(255, 255, 255); text-align: left; left: 0px;">-->
<!--                国庆庆典背后，16万志愿者！让我们记住默默奉献的他们-->
<!--            </div>-->
            <div id="btnList" style="width: 480px; left: 0px;">
                <li class="roundness"><i style="float:left;text-indent:-9999px;">5</i></li>
                <li class="roundness"><i style="float:left;text-indent:-9999px;">4</i></li>
                <li class="roundness"><i style="float:left;text-indent:-9999px;">3</i></li>
                <li class="roundness"><i style="float:left;text-indent:-9999px;">2</i></li>
                <li class="roundness_act"><i style="float:left;text-indent:-9999px;">1</i></li>
            </div>
        </div>
    </div>
    <div class="l clearfix">
        <div class="tbox l" style="margin-left: 20px;">
            <div class="tit clearfix"><span class="l">热门自愿活动</span><span class="r"><a
                    href="{:url('index/project/index')}" target="_blank">更多&gt;&gt;</a> &nbsp;&nbsp;</span></div>
            <div class="tcon">
                <ul>
                    {volist name="Recommend" id="vo"}
                    <li><a href="{:url('index/project/detail',['id'=>$vo.id])}" title="{$vo.title}" target="_blank">{$vo.title}</a>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="wrap m10 clearfix index">
    <div class="tbox l">
        <div class="tit clearfix"><span class="l">文章动态</span><span class="r"><a href="{:url('index/article/index')}"
                                                                                target="_blank">更多&gt;&gt;</a> &nbsp;&nbsp;</span>
        </div>
        <div class="tcon">
            <ul>
            {volist name="article" id="vo"}
                <li><a href="{:url('index/article/detail',['id'=>$vo.id])}" title="{$vo.title}" target="_blank">{$vo.title}</a>
                </li>
            {/volist}
            </ul>
        </div>
    </div>
    <div class="tbox l boxl">
        <div class="tit clearfix"><span class="l">最新文章</span><span class="r"><a href="{:url('index/article/index')}"
                                                                                target="_blank">更多&gt;&gt;</a> &nbsp;&nbsp;</span>
        </div>
        <div class="tcon">
            <ul>

                {volist name="new_article" id="vo"}
                <li><a href="{:url('index/article/detail',['id'=>$vo.id])}" title="{$vo.title}" target="_blank">{$vo.title}</a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <div class="tbox l boxl">
        <div class="tit clearfix"><span class="l">最新下载</span><span class="r"><a href="{:url('index/download/index')}"
                                                                                target="_blank">更多&gt;&gt;</a> &nbsp;&nbsp;</span>
        </div>
        <div class="tcon">
            <ul class="clearfix">

                {volist name="download" id="vo"}
                <li><a href="{:url('index/download/detail',['id'=>$vo.id])}" title="{$vo.title}" target="_blank">{$vo.title}</a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>

{include file="common/footer"}


<script type="text/javascript">
    //联系客服
    $(function () {
        var top = 70;
        $('.contact-us').hover(function () {
            $(this).children('.us-hover').hide().siblings('.contact-info').show();
        }, function () {
            $(this).children('.us-hover').show().siblings('.contact-info').hide();
        });

        $(window).scroll(function () {
            $('.contact-us').css({'top': $(this).scrollTop() + top + 'px'});
        });
    });
</script>


</body>
</html>
